A

 userمجموعه فیلم های آموزشی Twitter Bootstrap

userمدرس : شیرزاد

playقسمت : 2

سامانه شبکه‌ای پیش‌فرض بوت‌استرپ صفحه را به ۱۲ ستون تقسیم می‌کند، بدون استفاده از ویژگی پاسخگو عرض صفحه ۹۴۰ پیکسل می‌شود. اگر سی‌اس‌اس پاسخگو را به آن اضافه کنیم، شبکه اندازه ۷۲۴ پیکسل یا ۱۱۷۰ پیکسل را، بسته به اندازهٔ صفحهٔ شما، انتخاب می‌کند. اگر اندازه صفحهٔ شما از ۷۶۷ پیکسل کوچک‌تر باشد، ستون‌ها بر روی هم و به‌صورت عمودی و متحرک قرار می‌گیرند.

فرض کنید میخواهید دو ستون مساوی در تگ body در index.html ایجاد کنید. باید به هر کدام از div ها یک class با نام span 6  بدهید. این کار به بوت استرپ می گوید که باید دو ستون کاملاً مساوی ایجاد کند که در هر ستون ۶ ظرفیت (span) جا بگیرد. در واقع از آنجایی که گفتیم بوت استرپ بر پایه ۱۲ گرید ایجاد شده است برای ایجاد ۲ ستون، با کلاسی که به div ها دادیم تعریف کردیم که هر کدام از div ها چند گرید را در بر بگیرند.

جدا کردن ستون‌ها از یکدیگر

برای حرکت دادن ستون‌ها به چپ از کلاس‌های .offset* استفاده می‌کنیم. هر کلاس حاشیهٔ راستی به اندازه یک ستون به طرف چپ ایجاد می‌کند .برای مثال، .offset4 به اندازه ۴ ستون .span4 آن را حرکت می‌دهد.

   زبان :   فارسی
  مدت زمان ويدئو :   28 دقیقه
  قسمت :   2
  حجم :   38مگابایت
  مدرس :   شیرزاد
  ناشر :   دانشجویار
  ناشر :   دانشــــجویار
  منبع :   دانشجویار
  منبع :   دانشــــجویار
  سطح آموزش :   متوسط - مقدماتی - پیشرفته
  پيش نياز :   html , css
  پسورد :   www.daneshjooyar.com
  لینک :   برای دانلود